#4D4A72

Color Details

HEX
#4D4A72
RGB
rgb(77, 74, 114)
HSL
hsl(245, 21%, 37%)
CMYK
cmyk(32%, 35%, 0%, 55%)
Best text on this color #FFFFFF (CR 8.27:1) Determined by WCAG contrast ratio

Readability Previews

Black on #4d4a72
Contrast 2.54:1 Fail
White on #4d4a72
Contrast 8.27:1 AAA
#4d4a72 on Black
Contrast 2.54:1 Fail
#4d4a72 on White
Contrast 8.27:1 AAA

Tints & Shades

#716e8e
#9492aa
#b8b7c7
#3e3b5b
#2e2c44
#1f1e2e

Complement & Analogous

#6f724b
#624a73
#4a5b73

Triadic

#724e4b
#4b724e

Monochrome

#1f1e2e #2e2c44 #4d4a72 #9492aa #b8b7c7 #dbdbe3

Analogous

#4a5b73 #808c9d #4d4a72 #816e8f #624a73 #4e3b5c

Complementary Mix

#2e2c44 #4d4a72 #9492aa #6f724b #a1a38a #484a31

Nearby Colors

#4d4a71
#4d4a73
#4d4a62
#4d4a82

Embed #4D4A72 swatch

Embed this swatch

Use this HTML on your site (free with a link):

Open image

About #4D4A72

#4D4A72 converts to RGB(77, 74, 114) and HSL(245, 21%, 37%). This page provides quick readability checks, related hues (complementary and analogous), and ready-made palettes so you can drop the color into UI components, images, or CSS immediately.

Tip: Use the “Best text” chip above as a safe default foreground on this color (chosen by contrast ratio).

#4D4A72 FAQs

What is the RGB value of #4D4A72?
RGB: 77, 74, 114. Copy as CSS: rgb(77, 74, 114)
Is #4D4A72 a web-safe color?
No — not in the 216-color “web-safe” palette.
What is the complementary color of #4D4A72?
Complement: #6f724b.
Does #4D4A72 have good contrast on white or black?
On white: 8.27:1 (AAA (normal text)). On black: 2.54:1 (Fails AA).